@media screen and (max-width: 780px) {

    //api页面基本信息
    .api_table {
        border-collapse: collapse;
        border-spacing : 0;
        border         : 1px solid #ddd;

        .api_base_table_row {
            width         : 100%;
            border        : 1px solid #ddd;
            display       : flex;
            flex-direction: row;

            .api_tdName,
            .api_tdValue {
                padding    : 8px;
                line-height: 1.42857;
            }

            .api_tdName {
                width: 30%;
            }

            .api_tdValue {
                width: 70%;
            }
        }

        .api_base_table_rowlong {
            width         : 100%;
            line-height   : 1.42857;
            border        : 1px solid #ddd;
            display       : flex;
            flex-direction: row;

            .api_tdName,
            .api_tdValue {
                padding    : 8px;
                line-height: 1.42857;
            }

            .api_tdName {
                width: 30%;
            }

            .api_tdValue {
                width: 70%;
            }
        }
    }

    .api_group_menu {
        .ant-menu {
            .ant-menu-submenu {
                .ant-menu-vertical {
                    .ant-menu-item {
                        padding: 0 16px 0 5px;
                    }
                }
            }
        }

        ul {
            li {
                .ant-menu-submenu-title {
                    padding: 0 10px;
                }
            }
        }

        .ant-menu-horizontal {
            .ant-menu-submenu {
                margin: 0 6px;

                .ant-menu-sub {
                    display: none;
                }
            }
        }

        .wea-right-left-layout {
            .wea-left {
                .wea-right-left-layout-show-left {
                    display: inline;
                }
            }
        }
    }


    .ApiMenu>ul>li>.ant-menu-submenu-title {
        padding: 0 10px;
    }

    .ApiMenu {
        .ant-menu-horizontal {
            .ant-menu-submenu {
                margin: 0 6px;

                .ant-menu-sub {
                    display: none;
                }
            }
        }
    }

    .api_showGroup {
        // margin: 0 1% 0 1%
        height   : calc(100vh - 49px);
    }

    .api-draggable-defaultCss {
        display: inline;
    }

    .ant-table-body {
        -webkit-overflow-scrolling: touch;
    }

    .section-big-title {
        font-size: 18px;
    }

    .ant-modal {
        top : 0px !important;
        left: 0px !important;
    }
}